<template>
    <view class="page">
        <view class="success-icon">
            <image src="../../static/img/icon10.png" alt="">
        </view>
        <view class="success-msg">充值激活成功，已到账260</view>
        <view class="success-msg-small">您可以在【查询充值】中 查看 余额金额和优惠券情况</view>
        <u-button type="primary" block round color="#397EF5" style="width: 173px;" @click="activation">前去激活</u-button>
   </view>
</template>
<script>
export default{
    data(){
        return{
        }
    },
    methods:{
        activation(){
           uni.navigateTo({
           	url:'/pages/order/index'
           })
        }
    }
}
</script>
<style lang="scss" scoped>
.page{
    background: #fff;
    height:100%;
    .success-icon{
        width:128upx;
        height:128upx;
        margin: 128upx auto 44upx;
        image{
            width:100%;
            height:100%;
        }
    }
    .success-msg{
        height: 50upx;
        text-align: center;
        margin-bottom:44upx;
        font-size: 36upx;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #28292D;
        line-height: 50upx;
    }
    .success-msg-small{
        width:438upx;
        margin: 0 auto 88upx;
        color: #999;
        font-size: 28upx;
        line-height: 44upx;
        text-align: center;
    }
    .van-button{
        margin: 0 auto;
    }
}
</style>